/* 获取元素 */
const header = document.getElementById("header");
const title = document.getElementById("title");
const excerpt = document.getElementById("excerpt");
const profile_img = document.getElementById("profile_img");
const name = document.getElementById("name");
const date = document.getElementById("date");
const animated_bgs = document.querySelectorAll(".animated-bg");
const animated_bg_texts = document.querySelectorAll(".animated-bg-text");

const getData = () => {
  /* 在header元素中添加一个img元素 */
  header.innerHTML =
    '<img src="https://images.unsplash.com/photo-1496181133206-80ce9b88a853?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2102&q=80" alt="" />';
  /* 在title中添加文本内容 */
  title.innerHTML = "Lorem ipsum dolor sit amet";
  /* 在excerpt添加文本内容 */
  excerpt.innerHTML =
    "Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore perferendis";
  /* 在profile_img元素中添加一个img元素 */
  profile_img.innerHTML =
    '<img src="https://randomuser.me/api/portraits/men/45.jpg" alt="" />';
  /* 在name添加文本内容 */
  name.innerHTML = "John Doe";
  /* 在date添加文本内容 */
  date.innerHTML = "Oct 08, 2020";
  /* 循环animated_bgs中的所有元素 */
  animated_bgs.forEach((bg) => {
    /* 删除animated-bg类样式 */
    bg.classList.remove("animated-bg");
  });
  /* 循环animated_bg_texts中的所有元素 */
  animated_bg_texts.forEach((bg) => {
    /* 删除animated-bg-text类样式 */
    bg.classList.remove("animated-bg-text");
  });
};
/* 定时器 */
setTimeout(getData, 2500);
